<template>
	<view>
		<view class="login-phone">
			<view class="lxc">
				<image src="../../static/img/loginpwd.png"></image>
				<input placeholder-style="color:#ADB0BB" type="text" placeholder="请输入短信验证码" />
			</view>
		</view>
		<view class="btnfist">
			<button type="primary" class="confirmfn" @click="confirmbtnfn">确认</button>
		</view>
		<view class="nexfn">
			<button type="primary" class="cancelfn" @click="cancelbtnfn">取消</button>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			confirmbtnfn(){
				uni.switchTab({
					url: '../index/index'
				});
			},
			cancelbtnfn(){
				uni.navigateTo({
					url: '../login/login'
				});
			}
		}
	}
</script>

<style>
	.login-phone {
		display: flex;
		justify-content: space-between;
		margin: 180px 116rpx 0;
		border-bottom: 1px solid #FEAE25;
		height: 120rpx;
		align-items: center;
	}
	.login-phone .lxc {
		display: flex;
		margin: 0 0 0 30px;
	}
	
	.login-phone image {
		width: 38rpx;
		height: 38rpx;
		margin: 0 20rpx 0 0;
	}
	
	.btnfist .confirmfn{
		margin: 90rpx 116rpx 0;
		width: 260px;
		height: 38px;
		background: #FEAE25;
		border-radius: 19px;
		line-height: 38px;
		font-size: 14px;
	}
	.nexfn .cancelfn{
		margin: 98rpx 116rpx 0;
		width: 260px;
		height: 38px;
		background: #FEAE25;
		border-radius: 19px;
		line-height: 38px;
		font-size: 14px;
	}
</style>
